<template>
	<div
		v-for="item in 6"
		:key="item"
		class="m-[10px] grid grid-cols-[7fr,2fr] gap-[10px] rounded-[10px] border border-[#357efe] bg-[#ffffff] px-[14px] py-[10px]"
	>
		<div>
			<div class="my-[4px] flex items-center">
				<span>郭军</span><span class="mx-[10px]">男</span><span class="mx-[10px]">59岁</span
				><span class="rounded-[4px] bg-[#e8f0ff] px-[4px] text-[12px] text-[#357efe]">默认</span>
			</div>
			<div class="my-[4px] text-[#999999]">1322313214</div>
			<div class="my-[4px] line-clamp-2 w-full text-[#999999]">浙江省杭州市上城区秋涛北路328号佰富时代中心3幢jio</div>
		</div>
		<div class="flex items-center justify-between">
			<van-icon class="p-[6px]" size="5vw" name="https://oss.dingdongdr.com/static/icon/edit-icon.png" />
			<van-icon class="p-[6px]" size="5vw" name="https://oss.dingdongdr.com/static/icon/delete-icon.png" />
		</div>
	</div>
	<div class="p-[30px]"></div>
	<!-- 按钮 -->
	<div class="fixed bottom-0 w-[375px] bg-[#ffffff] px-[20px] py-[10px]">
		<div class="rounded-[20px] bg-gradient-to-r from-[#4d90f5] to-[#357efe] py-[10px] text-center text-[#ffffff]">
			新增就诊人
		</div>
	</div>
</template>
